
/* 本样式表只是定义了基于 jQuery UI 主题的颜色表，和所在站点的其他变量 */

/* jQuery UI 样式大纲 */
/* 组件容器 */

/* 交互状态 */
// 默认，移入，移出，激活，焦点
 
/* 交互提示 */
// 高亮，错误，一级，二级，禁用

/* 图标 */
    /* 定位 */
    /* 坐标 */

/* 其他效果 */
    /* 圆角 */
    /* 遮盖 */


// 布局 
// 顶部高度
@top-height:60px;
// 左侧宽度
@left-width:300px;
@left-margin:12px;

// 字体
@font-family:'微软雅黑';

// 颜色定义
// 主题
@primary-color:#fff;
@primary-background:#234567;
// 默认
@normal-background:#ececec;
@normal-color:#333;
// 分隔符
@splitter-color:darken(@primary-color,10%);
// 鼠标移入
@hover-background:lighten(@primary-background, 20%);
@hover-color:@primary-color;
// 选中
@active-background:darken(@primary-background,10%);
@active-color:#fff;
// 激活 
@focus-background:@primary-background;
@focus-color:@primary-color;
// 高亮
@highlight-background:lighten(@primary-background, 30%);
@highlight-color:@primary-color;

// 正常信息
@message-color:#2196f3;
@message-background:lighten(@message-color,30%);
// 警告信息
@warn-color:#FFB300;
@warn-background:lighten(@warn-color,30%);
// 成功信息
@success-color:#4CAF50;
@success-background:lighten(@success-color,30%);
// 错误信息
@error-color:#f44336;
@error-background:lighten(@error-color,30%);

// 大面积容器/内容色
@content-background:#fff;
@content-color:#333;
// 顶部颜色
@top-color:@primary-color;
@top-background:@primary-background;

@login-background:url('app/common/imgs/login-back.jpg');